<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>狂欢司庆 玩赚世界杯</title>
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no" />
		<meta content="true" name="apple-mobile-web-app-capable" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<link rel="stylesheet" type="text/css" href="css/style.css?v=1" />
		<script>
			function set_meta() {
				var body_width = document.documentElement.clientWidth;
				//var body_height = document.documentElement.clientHeight;
				var get_scale = (body_width) / 750;

				var get_content = "width=device-width, initial-scale=" + get_scale + ", minimum-scale=" + get_scale + ", maximum-scale=" + get_scale + ", user-scalable=no";
				document.getElementById("viewport").setAttribute('content', get_content);

			}
			set_meta();
		</script>
	</head>

	<body>
		<div class="header">
			<img src="img/img2.jpg" class="bgimg" />
			<a href="award.html" class="menu"><img src="img/img2.png" /></a>
			<div class="logobox">
				<img src="img/img31.png" />
					<img src="img/logo3.png" />
			</div>

		</div>
		<div class="activetime">
			<div>3波连嗨，人人有奖</div>
			<p>活动时间：5月23日-7月15日</p>
		</div>
		<div class="footerbg">
			<div class="starttime">
				<div><span>距离世界杯开始还有</span><span class="tag"></span><span class="tag"></span>
					<span>天</span>
				</div>
				<a href="rule.html">点击了解活动详情</a>
			</div>
			<div class="stepbox ">
				<div class="stepitem flex flex-align-center active">
					<img src="img/img5.png" />
					<div class="flex-1 ml20 mr10">
						<div class="title"><span>第</span><span class="num">1</span><span>波</span><span class="tip">5.23-6.5</span></div>
						<p class="mt20">“衣”起玩赚世界杯<br>赢取吉祥物玩偶</p>
						<a href="active.html" class="game"></a>
					</div>
				</div>
				<div class="stepitem flex flex-align-center ">
					<img src="img/img32.png" />
					<div class="flex-1  ml20 mr10">
						<div class="title"><span>第</span><span class="num">2</span><span>波</span><span class="tip">6.6-6.13</span></div>
						<p class="mt20">“组队玩赚世界杯<br>赢取足球”</p>
						<a href="javascript:;" class="game"></a>
					</div>
				</div>
				<div class="stepitem flex flex-align-center ">
					<img src="img/img33.png" />
					<div class="flex-1  ml20 mr10">
						<div class="title"><span>第</span><span class="num">3</span><span>波</span><span class="tip">6.14-7.15</span></div>
						<p class="mt20">“竞猜玩赚世界杯<br>赢取iPhoneX<em style="font-size:24px;font-style:normal;margin-left: 5px;">使用权</em>”</p>
						<a href="javascript:;" class="game"></a>
					</div>
				</div>
			</div>
		</div>

	</body>

</html>
<script src="js/jweixin-1.0.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-3.1.1.js" type="text/javascript" charset="utf-8"></script>
<script src="https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/2.5.1/vconsole.min.js"></script>
<script src="js/md5.js" type="text/javascript" charset="utf-8"></script>
<script src="js/index.js?v=16" type="text/javascript" charset="utf-8"></script>

<script>
	/*默认先获取本地时间*/
	var _calDays = function() {
		var today = new Date();
		var caltime = new Date('2018-06-14 00:00:00');
		if(caltime.getTime() - today.getTime()) {
			var cha = Math.floor((caltime.getTime() - today.getTime()) / (3600 * 1000 * 24));

			if(JSON.stringify(cha).length == 1) {
				$('.starttime .tag').eq(0).html(0);
				$('.starttime .tag').eq(1).html(cha)
			} else {
				$('.starttime .tag').eq(0).html(JSON.stringify(cha).split('')[0]);
				$('.starttime .tag').eq(1).html(JSON.stringify(cha).split('')[1])
			}
		}

	}
	$(function() {
		_calDays();
		_getOpenid(function(res) {
			hrActiveCountdown(); //获取倒计时
			/*分享*/
			getWxJsApi(false);
		})

	})
</script>